import qqMap from '../../../utils/qqMap'
let repair_id = ""
// map.js
Page({
  data: {
    dialogVisible: false,
    latitude: 40.060539,
    longitude: 116.343847,
    // 标记点
    markers: [
      // 云趣园
      {
        id: 1,
        latitude: 40.086757,
        longitude: 116.328634,
        width: 24,
        height: 30
      },
      // 育知路
      {
        id: 2,
        latitude: 40.08346500000002,
        longitude: 116.33293800000011,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40
      }
    ],
    // 地图路线
    polyline: [{
      points: [],
      color: '#FF0000DD',
      width: 4
    }]
  },
  // 接受点击我的报修页，穿过来的房屋每一项的id
  onLoad({ id }) {
    // 获取维修详情的id，来请求详情页的数据
    this.getRepairDetail(id)
    // 生成路线
    this.createPolyLine()
    repair_id = id
  },
  // 修改信息
  goEditRepair() {
    // 点击修改按钮，从详情调到form，并把房屋的id，传递过去
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + repair_id
    })
  },
  // 确认提示框关闭时触发
  async dialogClose(ev) {
    console.log(ev.detail)
    // 用户点击了确认按钮后，取消报修
    if (ev.detail === 'confirm') {
      // 请求取消报销的接口
      const { code } = await wx.http.put(`/cancel/repaire/${repair_id}`)
      if (code !== 10000) return wx.utils.toast()
      // 跳转到报修列表页
      wx.navigateBack({})
    }
  },
  // 生成路线
  createPolyLine() {
    // 调用距离计算接口
    qqMap.direction({
      // 交通工具
      mode: 'bicycling',
      // from 参数不填，默认当前地址
      from: '40.060539,116.343847', // 传智播客
      to: '40.086757,116.328634', // （示例）云趣园1区,
      success: (res) => {
        // 压缩后的坐标
        console.log(res);
        var ret = res;
        var coors = ret.result.routes[0].polyline, pl = [];
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        var kr = 1000000;
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        console.log(pl)
        // 设置polyline属性，将路线显示出来，将压缩坐标第一个数据点作为起点
        this.setData({
          polyline: [
            {
              points: pl,
              color: '#5591af',
              width: 4
            }
          ]
        })
      }
    })
  },
  // 获取维修详情页数据
  async getRepairDetail(id) {
    const { code, data } = await wx.http.get(`/repair/${id}`)
    if (code !== 10000) return wx.http.toast()
    // 请求成功
    this.setData({
      ...data
    })
  },
  // 点击取消报修，弹出弹窗
  openDialogLayer() {
    this.setData({
      dialogVisible: true
    })
  }
})
